<template>
  <div class="index-container">
    <index-header></index-header>
    <div class="content">
    </div>
    <div class="footer"></div>
  </div>
</template>

<script>
import IndexHeader from '@/components/Header'
export default {
  name: 'Index',
  components: { IndexHeader },
  data () {
    return {}
  },
  methods:{}
}
</script>

<style lang="scss" scoped>
$bg:#283443;
$light_gray:#fff;
$cursor: #fff;

.index-container {
  // background-color: $bg;
  width: 100%;
  height: 100%;
  // .header {
  //   height: 10%;
  //   width: 100%;
  //   el-menu {
  //     height: 100%;
  //   }
  // }
  .content {
    height: 70%;
    width: 100%;
  }
  .footer {
    height: 20%;
    width: 100%;
  }
}
</style>
